<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<script src="../dist/vue.js"></script>

<body>
    <div id="app" style="color: red; background-color: yellow;">
        <div>{{ msg }} hello {{ count }} hello</div>
        <div>world</div>
    </div>
    <script>

        const vm = new Vue({

            data() {
                return {
                    msg: 'hello vue',
                    count: 100,
                }
            },
            el: "#app",// 挂载点

        })
        // c用来渲染元素节点
        // v用来渲染文本节点
        // _s用来渲染字符串


        // return _c(
        //     "div",
        //     { id: 'app', style: { color: 'red', backgroundColor: 'yellow' } },
        //     _c("div", null, _v(_s(msg) + " hello vue"+_s(count))),
        //     _c("div", null, _v("world"))
        // );

    </script>
</body>

</html>